<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 1.新增数组元素 修改length长度
        // var arr = [1, 2, 3] 
        //     console.log(arr)
        // arr.length = 5//通过数组名+length的方式：在原有的基础数组元素增加了两个元素
        // console.log(arr); //会在原元素后显示两个空的元素
        // console.log(arr[3]);//单独输出出来 会显示undefined
        // console.log(arr[4]);//单独输出出来 会显示undefined
        
        // 2.新增数组元素 修改索引号 追加数组元素
        var arr = [2,3,4,5,6]
        arr[5] = 7
        arr[6] = 8 // 通过对应索引号在已有元素后继续追加新的元素
        console.log(arr);
        arr[0] = 1//给已有元素的索引号重新赋值的话 会替换掉原值 类型css层叠性
        console.log(arr);//1
        arr = '你猜会咋样'//直接给数组名重新赋值 会替换掉 原 所有数据元素 一般不会这样 知道会是什么结果就行
        console.log(arr);//
        
    </script>
</head>

<body>

</body>

</html>